<docs>
  ## 机构名录
  ## props
</docs>
<template>
  <div>
    <mheader class="index" @back_btn="goBack()" title="机构名录"></mheader>
    <div class="search">
        <ul class="item-wrap">
          <li class="item" v-for="(item, index) in List" :key="index">
            <div class="item-title-wrap">
              <p class="Title">单位名称：<span>{{item.company}}</span></p>
              <p class="Title">办公地址：<span>{{item.address}}</span></p>
              <p class="Title">咨询电话：<span>{{item.phone}}</span></p>
            </div>
          </li>
        </ul>
    </div>
  </div>
</template>
<script>
import Mheader from "@/ldry/group/mheader/mheader";

export default {
  components: {
     Mheader
  },
  name: "jgtable",
  data() {
    return {
      List: [{
        company:"北京市人才档案公共管理服务中心",
        address:"北京市东城区安定门外187号三层",
        phone:"64401159"
      }, {
        company:"北京市东城区人力资源公共服务中心",
        address:"北京市东城区朝内大街192号一层",
        phone:"84038437"
      }, {
        company:"北京市西城区人力资源公共服务中心",
        address:"北京市西城区德外塔院胡同8号院三号楼一层",
        phone:"66007070"
      }, {
        company:"北京市朝阳区人力资源公共服务中心",
        address:"北京市朝阳区将台路5号院普天实业创新园15号楼A座",
        phone:"57596100"
      }, {
        company:"北京市海淀区人力资源公共服务中心",
        address:"北京市海淀区西四环北路73号中关村人才发展中心三层北侧大厅",
        phone:"68940680"
      }, {
        company:"北京市丰台区人力资源公共服务中心",
        address:"北京市丰台区丰体南路3号（丰体时代大厦三层）",
        phone:"83326661"
      }, {
        company:"北京市石景山区人力资源公共服务中心",
        address:"北京市石景山区八角西街16号",
        phone:"68828028"
      }, {
        company:"北京市门头沟区人力资源公共服务中心",
        address:"北京市门头沟区中门寺大街16号",
        phone:"69849914"
      }, {
        company:"北京市房山区人力资源公共服务中心",
        address:"北京市房山区良乡苏庄东街9号",
        phone:"89367011"
      }, {
        company:"北京市通州区人力资源公共服务中心",
        address:"北京市通州区运河西大街玉桥西里4号",
        phone:"69520001"
      }, {
        company:"北京市顺义区人力资源公共服务中心（原人才）",
        address:"北京市顺义区府前东街6号（原人才存档）",
        phone:"69442549-8080"
      }, {
        company:"北京市顺义区人力资源公共服务中心（原职介）",
        address:"北京市顺义区仓上街16号（原职介存档）",
        phone:"89456265"
      }, {
        company:"北京市大兴区人力资源公共服务中心",
        address:"北京市大兴区永华南里桐城行政办公楼9号楼一层",
        phone:"69263601"
      }, {
        company:"北京市昌平区人力资源公共服务中心",
        address:"北京市昌平区昌盛路12号院（乐华仕健康产业园）6号楼",
        phone:"69741507/89704431"
      }, {
        company:"北京市平谷区人力资源公共服务中心",
        address:"北京市平谷区新平东路3号",
        phone:"89982230"
      }, {
        company:"北京市怀柔区人力资源公共服务中心",
        address:"北京市怀柔区雁栖经济开发区牤牛河路71-1",
        phone:"89686022"
      }, {
        company:"北京市密云区人力资源公共服务中心",
        address:"北京市密云区康宝路15号",
        phone:"69067454"
      }, {
        company:"北京市延庆区人力资源公共服务中心",
        address:"北京市延庆区高塔路40号",
        phone:"69102383/69143278"
      }, {
        company:"北京经济技术开发区人力资源公共服务中心",
        address:"北京经济技术开发区荣昌东街甲5号隆盛大厦B座一层",
        phone:"67877421/67880169/67880360"
      }],
    };
  },
  methods: {
    goBack() {
      this.$router.go(-1);
    }
  },
};
</script>
<style lang="scss" scoped>
@import "~common/scss/variable.scss";
.search {
  .no-text {
    width: 984px;
    height: 300px;
    margin: 84px auto 0;
    border: $border;
    background: #fff;
    text-align: center;
    line-height: 300px;
  }
  .title {
    font-size: 45px;
    color: #fff;
    box-sizing: border-box;
    height: 8%;
    padding: $padding-base;
    background-color: #2e7ef7;
  }
  .item {
    border: $border;
    background-color: #fff;
    margin-bottom: $margin-base;
    .item-title-wrap {
      border-bottom: $border;
      padding: $padding-base;
      color: $color-text-label;
      p{
        line-height: $line-height-base;
        font-size: $font-size-large;
        span{
          display: inline-table;
          width: 75%;
        }
      }
    }
    .Title{
      color: #333;
      span{
        color:#999;
      }
    }
  }
  /* 箭头 */
  .arrow::before {
    content: "";
    width: 30px;
    height: 30px;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    transform: rotate(-45deg);
    float: left;
    margin: 50px 0 0 50px;
  }
}
</style>
